<template>
	<view>
		<uni-popup ref="tipPopup" type="center" :is-mask-click="true" :animation="false">
			<view class="panel">
				<text>{{content}}</text>
			</view>
		</uni-popup>
	</view>
</template>

<script>
	/**
	 * 弹出tip提示的弹框。
	 */
	export default {
		name: 'showTip',
		props: [
			'content'
		],
		data() {
			return {}
		},
		methods: {
			open() {
				this.$refs.tipPopup.open();
			},
			close() {
				this.$refs.tipPopup.close();
			}
		}
	}
</script>

<style lang="scss">
	.panel {
		width: 80%;
		background-color: #eeeeee;
		min-height: 200px;
		border-radius: 5px;
		padding: 10px;
		margin-left: 10%;
	}
</style>